<template>
	<Layout style="height:100%;">
		<Sider hide-trigger style="background:#fff;height:100%;">
			<Menu :active-name="menuName" theme="light" width="auto" @on-select="navTo">
				<MenuItem name="log_access">访问日志</MenuItem>
				<MenuItem name="log_action">行为日志</MenuItem>
				<MenuItem name="log_error">错误日志</MenuItem>				
			</Menu>
		</Sider>
		<Content>
			<router-view></router-view>
		</Content>
	</Layout>
</template>

<script language="JavaScript">
	export default {
		components: {},
		data() {
			return {
			}
		},
		computed: {
			menuName: function() {
				return this.$route.name || ''
			}
		},
		watch: {},
		created: function() {},
		mounted: function() {},
		methods: {
			navTo: function(name) {
				this.$router.push({name: name})
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
</style>

